<div>

<div id="middle-content" class="tmargin">
	<div class="left">
		<?php require_once (dirname(dirname(__FILE__)).'/filter.php');?>
	</div>
	<div class="recently-viewed rounded-corners light-brown-border create-account left">
		<div class="head cartHead">
			<h4><?=lang('forgot_your_password')?>?</h4>
		</div>
		<div class="clear"></div>
		<div class="create-login left" >
			<h2 class="creat"><?=lang('retrieve_your_password_here')?></h2>	
				<div class="ui-widget hide" id="loginFrmValidation_checkout">
					<div class="ui-state-error ui-corner-all" > 
						<p><span class="ui-icon ui-icon-alert"></span> 
						<span class="message_checkout"></span>
						</p>
					</div>
				</div>
				<p><?=lang('please_enter_your_email')?></p>
				<form id="forgotPassword" style="width: 280px" class="new-form new-form-create" name="forgotPassword" method="post" action="<?php echo site_url('user/forgotPassword')?>">
					<span class="left" style="color: rgb(255, 0, 0); height: 30px; line-height: 43px;">*</span>
					<input type="text" name="fgpassemail" id="fgpassemail" value="<?php echo lang('email') ?>" class="default-value left" autocomplete="off" />
					
					<div class="clear"></div>
									
					
				</form>
		</div>
		<div class="clear"></div>
		<div style="padding:20px";>
		<hr>
		<span style="color: rgb(255, 0, 0); height: 30px; line-height: 43px;" class="right">* <?=lang('required_filds_lang')?></span>
		<div class="clear"></div>
		<a href="JavaScript:senForgotPassEmail()" class="right "style=" padding-top:10px; padding-bottom:10px">
			<div class="cart_btn_left"></div>
			<div class="cart_btn_midle" style="width: 100px"><?php echo lang('submit') ?></div>
			<div class="cart_btn_right"></div>
		 </a>
		 </div>

	</div>	
</div>
</div>
<div class="clear"></div>

<script>
$(document).ready(function() {
	 $("#forgotPassword").validate({
		 rules: {
			 
			 fgpassemail: {
				 required: true,
				 email:true
			 }
		 }
		 }); 

	$('.default-value').each(function() {
		var default_value = this.value;
		$(this).focus(function() {
			if(this.value == default_value) {
				this.value = '';
			}
		});
		$(this).blur(function() {
			if(this.value == '') {
				this.value = default_value;
			}
		});
	});
 
});
function senForgotPassEmail() {
	$('#loginFrmValidation_checkout').hide();
	if ($("#forgotPassword").valid()){	
		$('#forgotPassword').submit();
	}									
}

</script>